<template>
  <div class="welcome">
    <!-- <img src="../assets/images/welcome.png" alt /> -->
    <h2>欢迎登录后台管理系统！O_o</h2>
  </div>
</template>

<script>
export default {
  name: "welcome",
  data() {
    return {};
  },
  created() {
    // 异步任务探索
    // let asyncFun1 = async(i)=>{
    //   // console.log('执行')
    //   return new Promise((rev,rej)=>{
    //     try {
    //       setTimeout(async()=>{
    //         await console.log(i)
    //         rev()
    //       },1000)
    //     } catch (error) {
    //       rej()
    //     }
    //   })
    // }
    //  for (let i = 0; i < 3; i++) {
    //   ( async function() {
    //     await asyncFun(i).then()
    //   })()
        //   ( async function() {
    //     await asyncFun(i).then()
    //   })()
        //   ( async function() {
    //     await asyncFun(i).then()
    //   })()
    // }
    // let fun = async function () {
    //   let obj = [{a:1,b:2,c:3},{a:1,b:2,c:3}]
    //   // for (const i of obj) {
    //   //   await asyncFun(i).then()
    //   // }
    //   for (let i = 0; i < 3; i++) {
    //     await asyncFun(i).then()
    //   }
    // }
    // fun()
    let asyncFun1 = async(i)=>{
      // console.log('执行')
      return new Promise((rev,rej)=>{
        try {
          setTimeout(async()=>{
            await console.log(i)
            rev()
          },1000)
        } catch (error) {
          rej()
        }
      })
    }
    let asyncFun = (() => {
      console.log('执行')
      let pending = '';
      const run = async () => {
        console.log('执行run',pending)
        try {
          await pending;
        } finally {
          // 异步任务
          return asyncFun1()
        }
      }
      return () => (pending = run())
    })();
    // console.log(asyncFun().then())
    for (let i = 0; i < 3; i++) {
      asyncFun()
    }
  },
  mounted() {},
  methods: {}
};
</script>

<style lang="less" scoped>
.welcome {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  height: 100%;
  img {
    width: 330px;
  }
  h2 {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #666666;
    margin-top: 40px;
  }
}
</style>
